<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Admin | Dashboard</title>
<meta
	content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no'
	name='viewport'>
<meta name="description" content="Developed By M Abdur Rokib Promy">
<meta name="keywords"
	content="Admin, Bootstrap 3, Template, Theme, Responsive">
<!-- bootstrap 3.0.2 -->
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- font Awesome -->
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<!-- Ionicons -->
<link href="css/ionicons.min.css" rel="stylesheet" type="text/css" />
<!-- Morris chart -->
<link href="css/morris/morris.css" rel="stylesheet" type="text/css" />
<!-- jvectormap -->
<link href="css/jvectormap/jquery-jvectormap-1.2.2.css" rel="stylesheet"
	type="text/css" />
<!-- Date Picker -->
<link href="css/datepicker/datepicker3.css" rel="stylesheet"
	type="text/css" />
<!-- Daterange picker -->
<link href="css/daterangepicker/daterangepicker-bs3.css"
	rel="stylesheet" type="text/css" />
<!-- iCheck for checkboxes and radio inputs -->
<link href="css/iCheck/all.css" rel="stylesheet" type="text/css" />
<!-- bootstrap wysihtml5 - text editor -->
<!-- <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> -->
<!-- Theme style -->
<link href="css/style.css" rel="stylesheet" type="text/css" />



<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
          <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
          <![endif]-->

<style type="text/css">
</style>
</head>
<body class="skin-black">
	<!-- 1===header logo: style can be found in header.less=== -->
	<header class="header">
		<!-- 1-1==logo== -->
		<a href="admin.html" class="logo"> Admin Console </a>
		<!-- 1-2==Header Navbar: style can be found in header.less== -->
		<nav class="navbar navbar-static-top" role="navigation">
			<!-- 1-2-1=Sidebar toggle button= -->
			<a href="#" class="navbar-btn sidebar-toggle" data-toggle="offcanvas" role="button">
				<span class="sr-only">Toggle navigation</span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
				<span class="icon-bar"></span>
			</a>
			<!-- 1-2-1=/.Sidebar toggle button end= -->
			<!-- 1-2-2=right Messages= -->
			<div class="navbar-right">
				<ul class="nav navbar-nav">
					<!-- 1-2-2-1=Messages: style can be found in dropdown.less=-->
					<li class="dropdown messages-menu">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-envelope"></i>
							<span class="label label-success">4</span>
						</a>
						<ul class="dropdown-menu">
							<li class="header">你有4条信息</li>
							<li>
								<!-- inner menu: contains the actual data -->
								<ul class="menu">
									<!-- start message --> 
									<li>
										<a href="#">
											<div class="pull-left">
												<img src="img/26115.jpg" class="img-circle" alt="User Image" />
											</div>
											<h4>Support Team</h4>
											<p>Why not buy a new awesome theme?</p>
											<small class="pull-right"><i class="fa fa-clock-o"></i>5 mins</small>
										</a>
									</li>
									<!-- end message -->
									<li>
										<a href="#">
											<div class="pull-left">
												<img src="img/26115.jpg" class="img-circle" alt="user image" />
											</div>
											<h4>Director Design Team</h4>
											<p>Why not buy a new awesome theme?</p>
											<small class="pull-right"><i class="fa fa-clock-o"></i>2 hours</small>
										</a>
									</li>
									<li>
										<a href="#">
											<div class="pull-left">
												<img src="img/avatar.png" class="img-circle" alt="user image" />
											</div>
											<h4>Developers</h4>
											<p>Why not buy a new awesome theme?</p>
											<small class="pull-right"><i class="fa fa-clock-o"></i>Today</small>
										</a>
									</li>
									<li>
										<a href="#"> 
										    <div class="pull-left"> 
										     	<img src="img/26115.jpg" class="img-circle" alt="user image" /> 
										    </div>
										    <h4>Sales Department</h4>
										    <p>Why not buy a new awesome theme?</p>
										    <small class="pull-right"><i class="fa fa-clock-o"></i> Yesterday</small>
										</a>
									</li> 
									<li>
										<a href="#">
											<div class="pull-left">
												<img src="img/avatar.png" class="img-circle"
													alt="user image" />
											</div>
											<h4>Reviewers</h4>
											<p>Why not buy a new awesome theme?</p>
											<small class="pull-right"><i class="fa fa-clock-o"></i>2 days</small>
										</a>
									</li>
								</ul>
							</li>
							<li class="footer"><a href="#">See All Messages</a></li>
						</ul>
					</li>
					<!-- 1-2-2-1=./Messages: style can be found in dropdown.less=-->
					<!-- 1-2-2-2=tasks-menu=-->
					<li class="dropdown tasks-menu">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-tasks"></i>
							<span class="label label-danger">9</span>
						</a>
						<ul class="dropdown-menu">
							<li class="header">你有9个任务</li>
							<li>
								<!-- inner menu: contains the actual data -->
								<ul class="menu">
									<!-- Task item --> 
									<li>
										<a href="#">
											<h3>Design some buttons <small class="pull-right">20%</small></h3>
											<div class="progress progress-striped xs">
												<div class="progress-bar progress-bar-success" style="width: 20%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
													<span class="sr-only">20% Complete</span>
												</div>
											</div>
										</a>
									</li>
									<!-- end task item -->
									<!-- Task item --> 
									<li>
										<a href="#">
											<h3>
												Create a nice theme <small class="pull-right">40%</small>
											</h3>
											<div class="progress progress-striped xs">
												<div class="progress-bar progress-bar-danger" style="width: 40%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
													<span class="sr-only">40% Complete</span>
												</div>
											</div>
										</a>
									</li>
									<!-- end task item -->
									<!-- Task item -->
									<li>
										<a href="#">
											<h3>
												Some task I need to do <small class="pull-right">60%</small>
											</h3>
											<div class="progress progress-striped xs">
												<div class="progress-bar progress-bar-info" style="width: 60%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
													<span class="sr-only">60% Complete</span>
												</div>
											</div>
										</a>
									</li>
									<!-- end task item -->
									<!-- Task item -->
									<li>
										 <a href="#">
											<h3>
												Make beautiful transitions <small class="pull-right">80%</small>
											</h3>
											<div class="progress progress-striped xs">
												<div class="progress-bar progress-bar-warning" style="width: 80%" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100">
													<span class="sr-only">80% Complete</span>
												</div>
											</div>
										</a>
									</li>
									<!-- end task item -->
								</ul>
							</li>
							<li class="footer"><a href="#">View all tasks</a></li>
						</ul>
					</li>
					<!-- 1-2-2-2=./tasks-menu end=-->
					<!-- User Account: style can be found in dropdown.less -->
					<li class="dropdown user user-menu"><a href="#"
						class="dropdown-toggle" data-toggle="dropdown"> <i
							class="fa fa-user"></i> <span>Juny<i class="caret"></i></span>
					</a>
						<ul class="dropdown-menu dropdown-custom dropdown-menu-right">
							<li class="dropdown-header text-center">Account</li>

							<li><a href="#"> <i
									class="fa fa-clock-o fa-fw pull-right"></i> <span
									class="badge badge-success pull-right">10</span> Updates
							</a> <a href="#"> <i class="fa fa-envelope-o fa-fw pull-right"></i>
									<span class="badge badge-danger pull-right">5</span> Messages
							</a> <a href="#"><i class="fa fa-magnet fa-fw pull-right"></i> <span
									class="badge badge-info pull-right">3</span> Subscriptions</a> <a
								href="#"><i class="fa fa-question fa-fw pull-right"></i> <span
									class="badge pull-right">11</span> FAQ</a></li>

							<li class="divider"></li>

							<li><a href="#"> <i class="fa fa-user fa-fw pull-right"></i>
									Profile
							</a> <a data-toggle="modal" href="#modal-user-settings"> <i
									class="fa fa-cog fa-fw pull-right"></i> Settings
							</a></li>

							<li class="divider"></li>

							<li><a href="#"><i class="fa fa-ban fa-fw pull-right"></i>
									Logout</a></li>
						</ul></li>
				</ul>
			</div>
			<!-- 1-2-2=/.right Messages end= -->
		</nav>
		<!-- 1-2==Header Navbar end== -->
	</header>
	<!-- 1===header end=== -->
	<!-- 2===body wrapper start===-->
	<div class="wrapper row-offcanvas row-offcanvas-left">
		<!-- ==Left side column. contains the logo and sidebar== -->
		<aside class="left-side sidebar-offcanvas">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar">
				<!-- =Sidebar user panel= -->
				<div class="user-panel">
					<div class="pull-left image">
						<img src="img/26115.jpg" class="img-circle" alt="User Image" />
					</div>
					<div class="pull-left info">
						<p>Hello, Juny</p>

						<a href="#"><i class="fa fa-circle text-success"></i> Online</a>
					</div>
				</div>
				<!-- =Sidebar user panel end= -->
				<!-- =sidebar menu: : style can be found in sidebar.less= -->
				<ul class="sidebar-menu">
					<li>
						<a href="admin.html"> 
							<i class="fa fa-dashboard"></i>
							<span>Dashboard</span>
						</a>
					</li>
					<li>
						<a href="general.html">
							<i class="fa fa-gavel"></i>
							<span>General</span>
						</a>
					</li>
					<li>
						<a href="basic_form.html">
							<i class="fa fa-globe"></i>
							<span>Basic Elements</span>
						</a>
					</li>
					<li>
						<a href="simple.html">
							<i class="fa fa-glass"></i>
							<span>Simple tables</span>
						</a>
					</li>
				</ul>
				<!-- =./sidebar menu end= -->
			</section>
			<!-- =/.sidebar= -->
		</aside>
		<!-- == Left side end == -->

		<!-- ==right side conten == -->
		<aside class="right-side">
			<!-- ==Main content== -->
			<section class="content">
				<!-- =breadcrumbs start= -->
				<div class="row">
				    <div class="col-md-12">
						<ul class="breadcrumb">
							<li><a href="#"><i class="fa fa-home"></i> Home</a></li>
							<li class="active">Tasks</li>
						</ul>
                    </div>
				</div>
				<!-- =./breadcrumbs end= -->
				<!-- =Statistics start= -->
				<div class="row" style="margin-bottom: 5px;">
					<div class="col-md-4">
						<div class="sm-st clearfix">
							<span class="sm-st-icon st-red">
								<i class="fa fa-cloud"></i>
							</span>
							<div class="sm-st-info">
								<span id="appCount">0</span>
								Service Count
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="sm-st clearfix">
							<span class="sm-st-icon st-violet">
								<i class="fa fa-laptop"></i>
							</span>
							<div class="sm-st-info">
								<span id="nodeCount">0</span>
								Node Count
							</div>
						</div>
					</div>
					<div class="col-md-4">
						<div class="sm-st clearfix">
							<span class="sm-st-icon st-blue">
								<i class="fa fa-heart"></i>
							</span>
							<div class="sm-st-info">
								<span id="enableNodeCount">0</span>
								Available Node Count
							</div>
						</div>
					</div>
				</div>
				<!-- =./Statistics start= -->
				<!-- Main row -->
				<div class="row">
					<div class="col-xs-12">
						<div class="panel">
							<header class="panel-heading">
								Responsive Hover Table
							</header>
							<div class="panel-body table-responsive">

								<table class="table table-hover">
									<tr>
										<th>ID</th>
										<th>User</th>
										<th>Date</th>
										<th>Status</th>
										<th>Reason</th>
										<th>option</th>
									</tr>
									<tr>
										<td>183</td>
										<td>John Doe</td>
										<td>11-7-2014</td>
										<td><span class="label label-success">Approved</span></td>
										<td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
										<td>
											<a data-toggle="modal" href="#myModal">
												<span class="label label-success">Approved</span>
											</a>
										</td>
									</tr>
									<tr>
										<td>219</td>
										<td>Jane Doe</td>
										<td>11-7-2014</td>
										<td><span class="label label-warning">Pending</span></td>
										<td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
																				<td>
											<a data-toggle="modal" href="#myModal">
												<span class="label label-success">Approved</span>
											</a>
										</td>
									</tr>
									<tr>
										<td>657</td>
										<td>Bob Doe</td>
										<td>11-7-2014</td>
										<td><span class="label label-primary">Approved</span></td>
										<td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
																				<td>
											<a data-toggle="modal" href="#myModal">
												<span class="label label-success">Approved</span>
											</a>
										</td>
									</tr>
									<tr>
										<td>175</td>
										<td>Mike Doe</td>
										<td>11-7-2014</td>
										<td><span class="label label-danger">Denied</span></td>
										<td>Bacon ipsum dolor sit amet salami venison chicken flank fatback doner.</td>
																				<td>
											<a data-toggle="modal" href="#myModal2">
												<span class="label label-danger">Approved</span>
											</a>
										</td>
									</tr>
								</table>
							</div><!-- /.box-body -->
						</div><!-- /.box -->
					</div>
				</div>
				
				<!-- Modal -->
				<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h4 class="modal-title">Modal Tittle</h4>
							</div>
							<div class="modal-body">

								Body goes here...

							</div>
							<div class="modal-footer">
								<button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
								<button class="btn btn-success" type="button">Save changes</button>
							</div>
						</div>
					</div>
				</div>
				<!-- modal -->
				<!-- Modal -->
				<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
					<div class="modal-dialog">
						<div class="modal-content">
							<div class="modal-header">
								<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
								<h4 class="modal-title">Modal Tittle</h4>
							</div>
							<div class="modal-body">

								Body goes here...

							</div>
							<div class="modal-footer">
								<button data-dismiss="modal" class="btn btn-default" type="button">Close</button>
								<button class="btn btn-warning" type="button"> Confirm</button>
							</div>
						</div>
					</div>
				</div>
				<!-- modal -->
				<!-- row end -->
			</section>
			<!-- ==Main end== -->
			<div class="footer-main">Copyright &copy juny, 2019</div>
		</aside>
		<!-- ==right side end == -->

	</div>
	<!-- 2===body wrapper end===-->


<!-- jQuery 2.0.2 -->
<script src="js/plugins/jquery/jquery.min.js"></script>
<!-- <script src="js/jquery.min.js" type="text/javascript"></script> -->

<!-- jQuery UI 1.10.3 -->
<script src="js/jquery-ui-1.10.3.min.js" type="text/javascript"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<!-- daterangepicker -->
<script src="js/plugins/daterangepicker/daterangepicker.js"
	type="text/javascript"></script>

<script src="js/plugins/chart.js" type="text/javascript"></script>

	<!-- datepicker
<script src="js/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>-->
	<!-- Bootstrap WYSIHTML5
<script src="js/plugins/bootstrap-wysihtml5/bootstrap3-wysihtml5.all.min.js" type="text/javascript"></script>-->
<!-- iCheck -->
<script src="js/plugins/iCheck/icheck.min.js" type="text/javascript"></script>
<!-- calendar -->
<script src="js/plugins/fullcalendar/fullcalendar.js"
	type="text/javascript"></script>

<!-- Director App -->
<script src="js/admin/app.js" type="text/javascript"></script>

<!-- Director dashboard demo (This is only for demo purposes) -->
<script src="js/admin/dashboard.js" type="text/javascript"></script>

<script>
(function(){
	$(function(){
		$.ajax({
			url: '/uncode/schedule2',
			type: 'get',
			dataType: 'json',
			success: function(data){
				if(data['code'] != 200){
					location.href = "login.html";
				}else{
					var content = data['content'];
					$('#appCount').text(content['appCount'] || '0');
					$('#nodeCount').text(content['nodeCount'] || '0');
					$('#enableNodeCount').text(content['enableNodeCount'] || '0');
					console.log('ok');
				}
			}
		});
	});
})();
</script>


</body>
</html>